<template>
  <div class="flex justify-between">
    <div class="flex">
      <div><img src="" alt="logo" /></div>
      <div class="text-left ml-2">
        <h4>虚拟图书馆</h4>
        <p>星海</p>
      </div>
    </div>

    <div @click="handleLogin">登录/注册</div>
  </div>
</template>
<script setup lang="ts">
  // import { ref } from "vue";
  import { useRouter } from "vue-router";
  let router = useRouter();
  const handleLogin = () => {
    router.push("/login");
  };
</script>
<style scoped lang="scss">
  div {
    font-size: 16px;
  }
</style>
